<template>
    <tm-drawer :round="0" :height="390" :hideHeader="true" ref="calendarView" :placement="pos" v-model:show="showWin">
        <tm-sheet  :margin="[13]" :padding="[1]" :round="3" :shadow="2">
            <view class="flex flex-row flex-around">
                <tm-grid :width="638" :col="3">
                    <tm-grid-item :height="120" v-for="(item,index) in drawerMenu">
                        <tm-icon :name="item.icon" :font-size="42"></tm-icon>
                        <tm-text _class="pt-10" :font-size="22" :label="item.label"></tm-text>
                    </tm-grid-item>
                </tm-grid>
            </view>
            <view class="flex flex-row flex-around">
                <tm-button :round="15" size="large"  label="我的书架" ></tm-button>
            </view>
        </tm-sheet>
    </tm-drawer>
</template>

<script setup lang="ts">
import {ref} from "vue";
import {drawerMenu} from "@/util/commonData";

const showWin = ref(false)
const pos = ref("top")

function changPos(params:string) {
    pos.value = params;
    showWin.value=true
}
</script>



<style scoped>

</style>
